<template>
  <div>
    <list-slot :list="list">
      <HelloWorld slot-scope="world" :msg="world.msg"></HelloWorld>
    </list-slot>
  </div>
</template>

<script>
import listSlot from "@/components/list-slot";
import HelloWorld from '@/components/HelloWorld'
export default {
  components: {
    HelloWorld,
    listSlot,
  },
  data() {
    return {
      list: [
        {
          name: "jack",
        },
        {
          name: "Join",
        },
        {
          name: "Mike",
        },
      ],
    };
  },
  methods:{

  }
};
</script>

<style>
</style>
